<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=0" >
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <!-- 设置关键字 -->
      <meta name="Keywords" content="AdminX" />
      <!-- 设置描述 -->
      <meta name="Description" content="AdminX" />
      <!-- 启用360浏览器的极速模式(webkit) -->
      <meta name="renderer" content="webkit">
      <!-- 避免IE使用兼容模式 -->
      <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
      <!-- <script type="text/javascript" src="https://cdnweb04.96225.com/smkapp/js/jsBridge.1.6.js"></script> -->
      <!-- <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> -->
      <!-- <script type="text/javascript" src="https://weixin.96225.com/smk_weixin/weixin/share.in"></script> -->
      <!-- <script type="text/javascript" src="https://cdnweb04.96225.com/helloBike/hzt/layer_mobile/layer.js"></script> -->
<!--        <link href="./static/css/flipclock.css" rel="stylesheet" type="text/css"> 
<script src="./static/js/flipclock.min.js"></script> -->

        <script>
            //  页面自适应 
            //  方法一
            var docEl = document.documentElement;
            docEl.style.fontSize = 100 / 375 * docEl.clientWidth + 'px';
            window.addEventListener('resize', function() {
                docEl.style.fontSize = 100 / 375 * docEl.clientWidth + 'px';
            });
            //  方法二
            /*(function(doc, win) {
                var docEl = doc.documentElement,
                   resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                   recalc = function() {
                       var clientWidth = docEl.clientWidth;
                       if (!clientWidth) return;
                       if (clientWidth >= 375) {
                           docEl.style.fontSize = '100px';
                       } else {
                           docEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
                       }
                   };

                if (!doc.addEventListener) return;
                win.addEventListener(resizeEvt, recalc, false);
                doc.addEventListener('DOMContentLoaded', recalc, false);
            })(document, window);*/

          //解决遮罩层滚动穿透问题，分别在遮罩层弹出后和关闭前调用
          // const ModalHelper = ( (bodyCls) =>{
          //     let scrollTop;
          //     console.log('document.scrollingElement.scrollTop',document.scrollingElement.scrollTop);
          //     return {
          //         afterOpen: function () {
          //             scrollTop = document.scrollingElement.scrollTop;
          //             document.body.classList.add(bodyCls);
          //             document.body.style.top = -scrollTop + 'px';
          //         },
          //         beforeClose: function () {
          //             document.body.classList.remove(bodyCls);
          //             // scrollTop lost after set position:fixed, restore it back.
          //             document.scrollingElement.scrollTop = scrollTop;
          //         }
          //     };
          // })('dialog-open');

        </script>
  </head>
  <body>
    <div id="app">
    </div>
    <!-- 腾讯统计代码 -->
    <script>
      var _mtac = {};
      (function() {
        var mta = document.createElement("script");
        mta.src = "//pingjs.qq.com/h5/stats.js?v2.0.4";
        mta.setAttribute("name", "MTAH5");
        mta.setAttribute("sid", "500661141");
        mta.setAttribute("cid", "500661142");
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(mta, s);
      })();
    </script>
  </body>
</html>
